// new Vue({
//     el:'.static',
//     data:{
//         isActive:true,
//         hasError:false
//     }
// })

//1.绑定字面量对象
var vm = new Vue({
    el:'#app',
    data:{
        message:'hello vue!',
        isActive:true
    }
})

//2.绑定普遍现象;
var vm2 = new Vue({
    el:"#app2",
    data(){
    return {
        generalClsObj:{
            message:'hello vue!',
            active:true,
            'text-danger':false
            }
        }
    }
})